<template>
  <view class="box aim">
    <view class="box-title">求职意向</view>
    <view class="box-item" v-for="aimItem in allAimList" :key="aimItem.intended_id">
      <view class="aim-item-top">
        <text class="text-overflow aim-item-top_left">{{aimItem.zwname}} · {{aimItem.cityName}}</text>
        <text class="aim-item-top_right">{{aimItem.salary_str}}</text>
      </view>
      <view class="aim-item-bottom">
        <text>{{aimItem.tradeName}}</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    allAimList: {
      type: Array,
      default: () => [],
    }
  }
}
</script>

<style lang="scss" scoped>
$img-base-resume: $img-base + "resume/";

.box {
  margin-bottom: $uni-spacing-col-big;
  padding: $uni-spacing-col-big;
  background-color: $uni-bg-color;
  border-radius: $uni-border-radius-lg;
  &-title {
    margin-bottom: $uni-spacing-col-lg;
    font-size: $uni-font-size-lg;
    font-weight: bold;
    color: #333333;
  }
}
.aim {
  &-item {
    &-top {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      margin-bottom: 10rpx;
      &_left {
        flex: 1;
        width: 0;
        color: $uni-text-color-333;
      }
      &_right {
        color: $u-type-primary;
      }
    }
    &-bottom {
      font-size: $uni-font-size-sm;
      color: $uni-text-color-999;
    }
  }
}
</style>